<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta http-equiv="content-language" content="en" />
		<meta name="robots" content="noindex,nofollow" />
		<link rel="stylesheet" media="screen,projection" type="text/css" href="resources/css/reset.css" /> <!-- RESET -->
		<link rel="stylesheet" media="screen,projection" type="text/css" href="resources/css/main.css" /> <!-- MAIN STYLE SHEET -->
		<link rel="stylesheet" media="screen,projection" type="text/css" href="resources/css/2col.css" title="2col" /> <!-- DEFAULT: 2 COLUMNS -->
		<link rel="alternate stylesheet" media="screen,projection" type="text/css" href="resources/css/1col.css" title="1col" /> <!-- ALTERNATE: 1 COLUMN -->
		<!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="resources/css/main-ie6.css" /><![endif]--> <!-- MSIE6 -->
		<link rel="stylesheet" media="screen,projection" type="text/css" href="resources/css/style.css" /> <!-- GRAPHIC THEME -->
		<link rel="stylesheet" media="screen,projection" type="text/css" href="resources/css/mystyle.css" /> <!-- WRITE YOUR CSS CODE HERE -->
		<script type="text/javascript" src="resources/js/jquery.js"></script>
		<script type="text/javascript" src="resources/js/jquery.switcher.js"></script>
		<script type="text/javascript" src="resources/js/toggle.js"></script>
		<script type="text/javascript" src="resources/js/ui.core.js"></script>
		<script type="text/javascript" src="resources/js/ui.tabs.js"></script>
                <script language="javascript" type="text/javascript" src="resources/js/menu.js"></script>
    <!--                <link rel="StyleSheet" href="resources/css/tablesorter/tablesorter.css" type="text/css" />-->
                <link rel="StyleSheet" href="resources/css/tablesorter/pagination.css" type="text/css" />
                <!--<script type="text/javascript" src="resources/js/tablesorter/jquery-1.3.2.js"></script>-->
                <script type="text/javascript" src="resources/js/tablesorter/jquery.pagination.js"></script>
                <script type="text/javascript" src="resources/js/tablesorter/jquery.tablesorter.min.js"></script>
                <script type="text/javascript" src="resources/js/tablesorter/jquery-table-me.js"></script>

		<script type="text/javascript">
			$(document).ready(function(){
				$(".tabs > ul").tabs();
			});
		</script>
		<title>Inicio | <?php echo $user_manager->getUserCompany($user->getId())->getName();?></title>
	</head>
    <body>
        <div id="main">
<?php
        include_once 'header.php';
?>
            <hr class="noscreen" />
            <!-- Columns -->
            <div id="cols" class="box">
<?php
                include_once 'lateral_menu.php';
?>
                <hr class="noscreen" />
                <div id="content" class="box">
                    <h1>Listar Grupos</h1>
                    <h3>Abajo se muestra la lista de grupos habilitados.</h3>
                    <div id="table">
                        <table id="grupos" class="paged sortable">
                        <thead>
                            <tr>
                                <th>Id</th>
                                <th>Name</th>
                                <th>Mascara</th>
                                <?php if(isset($editar) || isset($eliminar)){ ?>
                                    <th>Acciones</th>
                                <?php } ?>
                            </tr>
                        </thead>
                        <tbody>
                            <?php foreach($groups as $group){ ?>
                                <tr>
                                    <td><?php echo $group['id']; ?></td>
                                    <td><?php echo $group['name']; ?></td>
                                    <td><?php echo $group['mask']; ?></td>
                                    <?php if(isset($editar)){ ?>
                                        <td><a href="group_edit.php?id=<?php echo $group['id']; ?>">Editar</a></td>
                                    <?php } ?>
                                    <?php if(isset($eliminar)){ ?>
                                        <td><a href="group_delete.php?id=<?php echo $group['id']; ?>">Eliminar</a></td>
                                    <?php } ?>
                                </tr>
                            <?php } ?>
                        </tbody>
                        </table>
                    </div>
                </div>
                <hr class="noscreen" />
            </div>
<?php
            include_once 'footer.php';
?>
        </div>
    </body>
</html>